<!DOCTYPE HTML>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<title>Login</title>
	<meta name="viewport" content="width=device-width, initial-scale=1"/>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="keywords" content=">Fit Pro Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template,
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
	<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
	<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
	<!-- Custom Theme files -->
	<link href="css/style.css" rel='stylesheet' type='text/css' />
	<script src="js/jquery.min.js"> </script>
	<!--webfonts-->
	<link href='http://fonts.useso.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700|Orbitron:400,500,700,900' rel='stylesheet' type='text/css'/>
	<!--//webfonts-->
	<!--Animation-->
	<script src="js/wow.min.js"></script>
	<link href="css/animate.css" rel='stylesheet' type='text/css' />
	<script>
		new WOW().init();
	</script>
</head>
<body>

<div class="banner" id="home" style=" margin-bottom:-50px;">
	<div class="header-bottom" style="">
		<div class="fixed-header">
			<div class="container" >
				<div class="logo">
					<a href="index.html"><img src="images/logo.png" alt=""/></a>
				</div>
				<span class="menu"> </span>
				<div class="top-menu">
					<nav class="navigation">
						<ul class="cl-effect-16" style="margin-top:15px">
							<li><a  href="/index">Home</a></li>
							<li><a  href="/trainers">TF教练</a></li>
							<li><a href="/events">运动项目</a></li>
							<li><a href="/selectAllQueryCourse?page=1&amp;course_type_id=0&amp;ptype=''">TF详情</a></li>
							<li><a  class="active" href="/login">登录TF</a></li>
						</ul>
					</nav>
				</div>
				<!-- script for menu -->
				<script>
					$( "span.menu" ).click(function() {
						$( ".top-menu" ).slideToggle( "slow", function() {
							// Animation complete.
						});
					});
				</script>
				<!-- script for menu -->
				<script>
					$(document).ready(function() {
						var navoffeset=$(".header-bottom").offset().top;
						$(window).scroll(function(){
							var scrollpos=$(window).scrollTop();
							if(scrollpos >=navoffeset){
								$(".header-bottom").addClass("fixed");
							}else{
								$(".header-bottom").removeClass("fixed");
							}
						});

					});
				</script>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
</div>


<div class="main-contact"  >
	<div class="container ">
		<div class="contact-form col-md-4" style="margin-left:350px; ">
			<h2 style="color: white">管理员注册</h2>
			<form th:action="@{/manager_register}"  th:object="${manager}" data-wow-delay="0.4s" th:method="post">
				<div class="form-group">
					<span><label style="color: white;font-family: '微软雅黑';letter-spacing:8px;"><span style="color: red;">*</span>用户名：</label></span>
					<span><input name="username"  th:field="*{username}" type="text" class="textbox" style="color: white;"/></span>
				</div>
				<div class="form-group">
					<span><label style="color: white;font-family: '微软雅黑';letter-spacing:8px;"><span style="color: red;">*</span>密码：</label></span>
					<span><input name="password" th:field="*{password}"  type="password" class="textbox" style="color: white;" /></span>
				</div>
				<div class="form-group">
					<span><label style="color: white;font-family: '微软雅黑';letter-spacing:8px;"><span style="color: red;">*</span>手机：</label></span>
					<span><input name="phone" th:field="*{phone}"  type="text" class="textbox" style="color: white;" /></span>
				</div>
				<div class="form-group">
					<span><label style="color: white;font-family: '微软雅黑';letter-spacing:8px;"><span style="color: red;">*</span>真实姓名：</label></span>
					<span><input name="realname"  th:field="*{realname}"  type="text" class="textbox" style="color: white;"/></span>
				</div>
				<div class="form-group">
					<span><label style="color: white;font-family: '微软雅黑';letter-spacing:8px;"><span style="color: red;">*</span>员工号：</label></span>
					<span><input name="number" th:field="*{num}"  type="text" class="textbox" style="color: white;"/></span>
				</div>
				<button type="submit" class="myButton" style="border-radius:5px;">注册</button>
			</form>
			<div class="clearfix"></div>
		</div>
	</div>
</div>

<div class="footer" >
	<div class="container">
		<div class="f-grids">
			<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.4s">
				<h3>线下<span class="opening">健身地点</span></h3>

				<p class="month">陕西省西安市</p>
				<br/>
				<p class="month">各分店地址：</p>
				<br/>
				<a href="https://map.baidu.com/?q=西安市未央区西城馨苑3楼" method="post" target="_blank"><h5>西安市未央区西城馨苑3楼</h5></a>
				<a href="https://map.baidu.com/?q=西安市雁塔区青松路46号" method="post" target="_blank"><h5>西安市雁塔区青松路46号</h5></a>


				<a href="https://map.baidu.com/?q=西安市莲湖区汉城南路100号华东·万锦城购物中心F5" target="_blank"><h5>莲湖区万锦城购物中心F5</h5></a>
				<a href="https://map.baidu.com/?q=公园南路和西影路十字向西150米路北盛世芳洲金座大厦2楼" target="_blank"><h5>公园南路十字盛世芳洲金座大厦2楼</h5></a>

				<a href="https://map.baidu.com/?q=凤城九路与文景路十字向西200米建设银行4楼" method="post" target="_blank"><h5>凤城九路与文景路十字建设银行4楼</h5></a>

			</div>
			<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.3s">
				<div class="opening_hours">
					<ul class="times">
						<h3>开放<span class="opening">时间</span></h3>
						<li><i class="calender"> </i><span class="week">星期一</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期二</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期三</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期四</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期五</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期六</span><div class="hours">h.6:00-h.24:00</div>  <div class="clearfix"></div></li>
						<li><i class="calender"> </i><span class="week">星期天</span><div class="hours">Closed</div>  <div class="clearfix"></div></li>
					</ul>
				</div>
			</div>
			<div class="col-md-4 footer-grid wow fadeInUpBig animated animated" data-wow-delay="0.2s">
				<h3>联系<span class="opening">方式</span></h3>
				<ul class="address">
					<li>中天国际大厦A座9层,莲湖区,陕西省西安市</li>
					<li>029 456 23456</li>
					<li><a class="mail" href="mailto:info@example.com">tfjianshen@tf.com</a></li>
				</ul>
				<div class="support">
					<input type="text" class="text" value="Enter email... " onFocus="this.value = '';" onBlur="if (this.value == 'Enter email...') {this.value = 'Enter email...';}"/>
					<input type="submit" value="SUBMIT" class="botton"/>
					<p>如果您有疑问，可以打电话或发送邮件与我们联系 .</p>
				</div>
			</div>
			<div class="clearfix"></div>
		</div>
		<div class="copy">
			<p>Copyright &copy; 2015.Company name All rights reserved.</p>
		</div>
	</div>
</div>

<script type="text/javascript">
	jQuery(document).ready(function($) {
		$(".scroll").click(function(event){
			event.preventDefault();
			$('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
		});
	});
</script>

<script type="text/javascript">
	$(document).ready(function() {
		/*
		 var defaults = {
		 containerID: 'toTop', // fading element id
		 containerHoverID: 'toTopHover', // fading element hover id
		 scrollSpeed: 1200,
		 easingType: 'linear'
		 };
		 */

		$().UItoTop({ easingType: 'easeOutQuart' });

	});
</script>
<a href="#home" id="toTop" class="scroll" style="display: block;"> <span id="toTopHover" style="opacity: 1;"> </span></a>
</body>
</html>